<!DOCTYPE html>
<title>text-selection when dragging mouse outside the SVG text element</title>
<style>
text {
  font: 10px Arial;
}
</style>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" viewBox="0 0 350 350" style="border: 1px solid black;">
  <g>
    <text x="10" y="70">Hello World. Hello, SVG.</text>
  </g>
  <g transform="translate(70, 50)">
    <g transform="rotate(20) scale(1.5)">
      <text id="line1" x="10" y="70">Hello World. Hello, SVG. Hello, ;)link. Hello, Chromium.</text>
      <text id="line2" x="10" y="80">Hello World. Hello, SVG.</text>
    </g>
  </g>
</svg>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="resources/SelectionTestCase.js"></script>
<script>
test(function() {
  var absEndPos = getEndPosition('line1', 10, { x : 0, y : -20});
  selectTextFromCharToPoint({ id: 'line1', offset: 0 }, absEndPos, { startElementId: "line1", start: 0, endElementId: "line1", end: 11 });
  absEndPos = getEndPosition('line1', 23, { x : 0, y : -20});
  selectTextFromCharToPoint({ id: 'line1', offset: 7 }, absEndPos, { startElementId: "line1", start: 7, endElementId: "line1", end: 24 });
  absEndPos = getEndPosition('line2', 10, { x : 0, y : 20});
  selectTextFromCharToPoint({ id: 'line2', offset: 0 }, absEndPos, { startElementId: "line2", start: 0, endElementId: "line2", end: 11 });
  absEndPos = getEndPosition('line2', 23, { x : 0, y : 20});
  selectTextFromCharToPoint({ id: 'line2', offset: 7 }, absEndPos, { startElementId: "line2", start: 7, endElementId: "line2", end: 24 });
  absEndPos = getEndPosition('line2', 10, { x : 0, y : 20});
  selectTextFromCharToPoint({ id: 'line1', offset: 7 }, absEndPos, { startElementId: "line1", start: 7, endElementId: "line2", end: 11 });
  absEndPos = getEndPosition('line1', 20, { x : 0, y : -20});
  selectTextFromCharToPoint({ id: 'line2', offset: 7 }, absEndPos, { startElementId: "line2", start: 7, endElementId: "line1", end: 21 });
});
</script>
